/*
 * @version: 0.0.1
 * @Author: 董正阳
 * @Date: 2019-11-13 11:24:57
 * @LastEditors: 董正阳
 * @LastEditTime: 2019-11-15 16:47:20
 * @Description: 
 */
(function (doc, win) {
    let html = doc.getElementsByTagName("html")[0]
    // orientationchange->手机屏幕转屏事件
    // resize->页面大小改变事件(pc端有用)
    reEvt = "orientationchange" in win ? "orientationchange" : "resize"
    reFontSize = function () {
        let clientW = doc.documentElement.clientWidth || doc.body.clientWidth
        if (!clientW) return
        // 临界值为pc和移动设备的分割线，超出即pc无适配，反之就进入适配模式
        if (clientW > 1920) { // 高分屏
            html.style.fontSize = 100 * (clientW / 1920) + "px" // 不直接写px是因为rem可以适配缩小也可以适配放大，针对4k屏
        } else if (clientW > 750 && clientW <= 1920) { // 普通pc
            html.style.fontSize = "100px" // 1rem固定为100px，不做适配，可用响应式
        } else if (clientW <= 750) { // 移动端
            // 100表示100px为1rem的固定比例，client为屏幕宽度，750为设计稿宽度
            html.style.fontSize = 100 * (clientW / 750) + "px" // 375宽度的手机下，1rem为50px，配合响应式
        }
    }
    win.addEventListener(reEvt, reFontSize)
    // DOMContentLoaded->dom加载完就执行,onload要dom/css/js都加载完才执行
    doc.addEventListener("DOMContentLoaded", reFontSize)
})(document, window)

